/*---------------------------------------------------------- */
/*  Tree Map Styles              							 */
/*---------------------------------------------------------- */
#content {width:100%;height:100%;}

/*---------------------------------------------------------- */
/*  Profile Style               							 */
/*---------------------------------------------------------- */







/*---------------------------------------------------------- */
/*  Individual Styles              							 */
/*---------------------------------------------------------- */
.person {
	position:relative;
	text-align:center;
	font-size:0.8em;
	width:100px;
	height:200px;
	z-index:10;
}

img.photo{
	position:relative;
	top:15px;
	left:22px;
	height:50px;
	width:50px;
	display:block;
}

.boy {
	border:2px solid #0080FF;
	background:#A9D0F5 
}

.boy img.photo { 
	border:1px solid #0080FF; 
	background:url(../images/male.jpg) no-repeat;
	
}

.girl {
	border:2px solid #DE6E0C;
	background:#FCD9BB 
}

.girl  img.photo { 
	border:1px solid #DE6E0C;
	background:url(../images/female.jpg) no-repeat;
}


span.firstname{
	padding-top:5px;
	white-space:nowrap;
    margin:0;
	display:block;
}

span.surname {
	text-decoration:underline;
	white-space:nowrap;
    margin:0;
	display:block;
}

/*---------------------------------------------------------- */
/*  Individual Button Styles              					 */
/*---------------------------------------------------------- */

a.profile {
	position:relative;
	display:block;
	overflow:hidden;
	padding:15px 1px 1px 5px;
	white-space:nowrap;
	text-transform:lowercase;
	
}

.boy a.addrelations {
	background: #0080FF;
 
}
.girl a.addrelations {
	background: #DE6E0C;
}

a.addrelations:hover {
     color:#dedede;
}

a.addrelations {
	white-space:nowrap;
	letter-spacing:0.02em;
	text-transform:lowercase;
    color:#fff;
    display:block;
	position:relative;
	overflow:hidden;
	padding:5px 1px 1px 1px;
}

a.btn-delete {
	position:absolute;
	right:3px;
	top:3px;
	width:8px;
	height:8px;
	overflow:hidden;
	text-indent:-9000em; 	
}
.girl a.btn-delete {
	background:url(../images/btn-close-girl.gif) no-repeat right top;
}
.boy a.btn-delete {
	background:url(../images/btn-close-boy.gif) no-repeat right top;
}

/*---------------------------------------------------------- */
/*  Add Relation Dialog                   					 */
/*---------------------------------------------------------- */


div.add-persons {
	width:186px;
	height:37px;
	margin-bottom:3px;
}

div.add-persons a.add-parents, div.add-persons a.add-sibling, div.add-persons a.add-partner,div.add-persons a.add-children, div.add-persons a.add-existing-person, div.add-persons a.edit-profile {
	width:184px;
	height:37px;
	overflow:hidden;
	line-height:37px;
	vertical-align:middle;
	display:block;
	border:0;
	font-size:1.2em;
	font-weight:bold;
	padding-left:42px;
	text-decoration:none !important;
}

div.add-persons a.add-existing-person {
	font-size:1em;line-height:12px;height:32px;font-weight:normal;padding:5px 5px 5px 5px
}

div.add-persons a {
	background:url(../images/buttons-relations.png) no-repeat;
}

div.add-persons ul li a.add-sibling {
	background-position:0 0;
}
div.add-persons a.add-partner {
	background-position:-226px 0;
}
div.add-persons a.add-children {
	background-position:-452px 0;
}
div.add-persons a.add-parents {
	background-position:-678px 0;
}
div.add-persons a.add-existing-person {
	background-position:-904px 0;
}
div.add-persons a.edit-profile {
	background-position:-1130px 0;
}
div.add-persons a.add-sibling:hover {
	background-position:0 -37px;
}
div.add-persons a.add-partner:hover {
	background-position:-226px -37px;
}
div.add-persons a.add-children:hover {
	background-position:-452px -37px;
}
div.add-persons a.add-parents:hover {
	background-position:-678px -37px;
}
div.add-persons a.add-existing-person:hover {
	background-position:-904px -37px;
}
div.add-persons a.edit-profile:hover {
	background-position:-1130px -37px;
}



/*---------------------------------------------------------- */
/*---------------- Class for add person form module -------- */
/*---------------------------------------------------------- */


div.female{
	background:url(../images/femaleIcon.png) no-repeat;
	position:absolute;
	top:10px;
	left:150px;
	width:100px;
	height:25px;
	padding-left:20px;
}
div.male {
	background:url(../images/maleIcon.png) no-repeat;
	position:absolute;
	top:10px;
	left:300px;
	width:100px;
	height:25px;
	padding-left:20px;
}

div.invite {
	white-space:nowrap;
	float:left;
	padding-top:18px;
}
div.invite span {
	background:url(../images/icons/forms/invite.png) no-repeat right center;
	padding-right:25px;
}

/*---------------------------------------------------------- */
/*  Tree                   									 */
/*---------------------------------------------------------- */


.tree-line {
	background-color:#EAB800 !important;
	z-index:10;
}

.tree-dottedline {
	background-color:#ccc !important;
	z-index:9;
}

.tree-connection-line {
	background-color:#77a5b5 !important;
	z-index:9;
}








